<template>
  <div class="logo" :style="{ backgroundImage: `url(${logo})` }"></div>
</template>

<script>
const logo = require("@/assets/logo.png");
export default {
  data() {
    return {
      logo,
    };
  },
};
</script>

<style scoped>
.logo {
  position: fixed;
  right: 0;
  top: 0;
  border-bottom-left-radius: 1em;
  width: 150px;
  height: 150px;
  background-position: 12px -51px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
</style>